<template>
  <div class="page_lendMoney">
    <van-nav-bar
      title="添加银行卡"
      left-arrow
      @click-left="$router.back()"
    />
    <van-cell-group>
        <van-field autocomplete="off" v-model="name" label="持卡人姓名" placeholder="请输入持卡人姓名" />
    </van-cell-group>
    <van-cell-group>
        <van-field autocomplete="off" v-model="card_num" label="持卡人卡号" placeholder="请输入持卡人卡号" />
    </van-cell-group>
    <van-cell-group>
        <van-field autocomplete="off" v-model="card" label="所属银行" placeholder="请输入所属银行" />
    </van-cell-group>
    <van-cell-group>
        <van-field autocomplete="off" v-model="phone" label="银行预留手机号" placeholder="请输入银行预留手机号" />
    </van-cell-group>
    <div class='submit'>
        <van-button type="primary">提交</van-button>
    </div>
  </div>
</template>

<script>
  import {lendMoneyList} from '../../constants/comUtils';

  export default {
    name: 'addCard',
    components: {

    },
    data(){
      return {
        lendMoneyList,
      }
    },
    methods: {

    }

  }
</script>

<style lang="scss" scoped>
.rechange-func{
    display:flex;
    height:40px;


}
.submit{
    width:50%;
    margin:0 auto;
    text-align:center;
    margin-top:100px;
}
</style>
